草庐IT

ionic 导航

全部标签

javascript - 如何检查 goBack() 函数在 react 导航中是否可行?

我有一个后退按钮,可以让用户返回一个屏幕,但是当没有屏幕可以返回时,我希望它做些别的事情,所以这是我的代码:{if(CanGoBack){//imaginary'CanGoBack'variablethis.props.navigation.goBack()}else{this.doSomething()}}}/>我怎样才能做到这一点? 最佳答案 Notethisanswerwasoriginallywrittenforreact-navigationv3.3.0.Youshouldcheckthecurrentdocumentat

javascript - 如何动态地将导航栏添加到 jQuery Mobile 应用程序

如何向我的jquery移动应用程序动态添加导航栏?我希望能够从javascript将导航栏元素添加到dom,然后解析它们。 最佳答案 我发现我可以根据需要将元素添加到DOM,然后在元素上调用.navbar(),它将执行导航栏解析。例如我可以使用varmyNavBar=$('div',{'data-role':'navbar','html':'First'}).appendTo(myPage).navbar(); 关于javascript-如何动态地将导航栏添加到jQueryMobile应

javascript - 如何对页面导航进行单元测试?

用例是这样的:我想对页面中运行的代码进行单元测试(在浏览器、QUnit或类似的东西中)。页面可以做的事情之一是导航到另一个页面。我无法捕捉到这个事件,因为:beforeunload无法停止操作(因此第一个导航离开破坏了我的测试)尝试使用返回旧值的getter重新定义window.location或window.location.href并禁止监视setter我知道出于安全原因不允许停止导航,但对于开发而言,能够这样做确实很有用。有没有可能这样做(我无法直接控制测试运行器,所以我不能只在iframe中加载代码并让它导航然后检查iframe的位置)?编辑:更具体一点:我想测试,是否基于来自

javascript - 测试选项卡导航顺序

在我们的一项测试中,我们需要确保以正确的顺序执行表单内的选项卡键盘导航。问题:传统的用Protractor检查tab导航顺序的方法是什么?目前我们正在通过对表单中存在的尽可能多的输入字段重复以下步骤来解决此问题(代码如下):检查当前聚焦元素的ID(使用getId())将TAB键发送到当前获得焦点的元素这是规范示例:it("shouldnavigatewithtabcorrectly",function(){varregCodePage=newRegCodePage();browser.wait(protractor.ExpectedConditions.visibilityOf(reg

javascript - react 导航导航标题顶部的绝对位置

我正在制作加载屏幕并将其设置为绝对定位整个屏幕。但是,当使用react-navigation时,它似乎没有覆盖标题。有没有办法将我的组件放在导航库的header组件之上?当您使用react-navigation时,您可以为该屏幕配置标题。通常,当您导航到一个屏幕时,您在该屏幕中呈现的任何代码都会自动放置在导航标题下方。但是,我希望我的组件占据整个屏幕并覆盖标题。我想保留标题,但我想用不透明度覆盖它。这可能吗?constnavigationOptions={title:"SomeTitle",};constNavigator=StackNavigator({First:{screen:S

javascript - Flickity 轮播作为另一个导航

所以,我正在使用这个https://codepen.io/desandro/pen/wByaqj然后我像这样激活了prevNextButtons:true,:$('.characters-main').flickity({prevNextButtons:false,wrapAround:false,pageDots:false,autoPlay:10000});$('.characters-nav').flickity({asNavFor:'.characters-main',cellAlign:'right',prevNextButtons:true,contain:true,pag

javascript - ionic 应用程序中的计时器(setInterval)在后台运行一段时间后进入休眠状态

我的ionic应用程序有一个计时器(一个简单的setInterval,每秒滴答一次),当应用程序位于前台时,它工作得很好。然而,当应用程序进入后台并在10分钟后返回前台时,应用程序中显示的时间是错误的(时间比应该的少得多)。我试过将计时器添加到指令中并使用nativeDOM操作api(document.getElementById等)方法,但它们都不起作用。我认为当应用程序进入后台时,ionic框架正在对View和绑定(bind)做一些事情。有没有人遇到过这样的问题?如果遇到过,你们是如何解决的? 最佳答案 经过几个小时的寻找答案,

javascript - ionic 避免 View 标题在 Android 上闪烁

我正在尝试按照ionic模板示例所建议的“标准”方式来制作选项卡内容页面。但是,我发现在Android中切换标签时,view-title会闪烁。您不会在iOS或桌面浏览器上看到闪烁。但是,如果您将Chrome中的设备模式切换到Android设备,您会看到闪烁。我怎样才能克服它?菜单.htmlLeftTab1Content1标签.htmlcontent1.htmlContent1content2.htmlContent2 最佳答案 感谢@AndresRehn分享链接(http://forum.ionicframework.com/t/

javascript - 带 ionic 切换而不是按钮的 ionic 输入插件

我非常想合并一个item-input-inset用ion-toggle而不是按钮-因此用户可以选择禁用输入字段。我想要的是这样的:我确实希望将文本输入连接到一个模型,所以我总是有一个NotApplicable变量或用户输入的一些其他字符串(或空字符串)。但我的第一个问题是布局似乎乱七八糟。这是我得到的结果:给出下面乱七八糟的布局 最佳答案 @Norfeldt:请检查下面的代码片段,让我知道您的想法。希望它能像您期望的那样工作。angular.module('ionicApp',['ionic']).controller('MainC

javascript - 将键盘绑定(bind)到左/右导航

我是一名摄影师,我有一个网站,我无法在其中编辑"template"结构,但可以上传javascript/css等。我想将下一个/上一个导航绑定(bind)到键盘右/左。链接的结构是:ImageNavigationIndexPreviousNext我提到了this并设法创造了这个。$(function(){$(document).keyup(function(e){switch(e.keyCode){case37:window.location=$('li.prev').attr('href');break;case39:window.location=$('li.next').attr